<script setup>
import {Cell, NavBar,Icon } from 'vant';
import MyNarBar from "@/components/MyNavBar/index.vue";
</script>

<template>
  <div>
  <table>
    <tr>
      <Cell size="large"  style="font-size: large" title-style="font-size:22px"/>
    </tr>
    <tr>
      <Cell title="更多功能请登录网页版" icon="share" size="larger"  style="font-size: large" title-style="font-size:22px"/>
    </tr>
    <tr>
      <Cell size="large"  style="font-size: large" title-style="font-size:22px"/>
    </tr>
    <tr>
      <Cell title="发布学生作业" size="larger" icon="bookmark" style="font-size: large" title-style="font-size:18px"/>
    </tr>
    <tr>
      <Cell title="录入学生成绩" size="larger" icon="bookmark" style="font-size: large" title-style="font-size:18px"/>
    </tr>
    <tr>
      <Cell title="撰写学生评语" size="larger" icon="bookmark" style="font-size: large" title-style="font-size:18px"/>
    </tr>
    <tr>
      <Cell title="发布校园通知" size="larger" icon="bookmark" style="font-size: large" title-style="font-size:18px"/>
    </tr>
    <tr>
      <Cell title="审核家长注册" size="larger" icon="bookmark" style="font-size: large" title-style="font-size:18px"/>
    </tr>
    <tr>
      <Cell title="获取考勤信息" size="larger" icon="bookmark" style="font-size: large" title-style="font-size:18px"/>
    </tr>
  </table>
  </div>
</template>

<style scoped>
table {
  border-collapse: collapse;
  width: 100%;
  background-color: white;
  margin: 0 auto;
}
th {
  background-color: #f2f2f2;
}
</style>